<script setup>
	import { ref } from 'vue';
	import { onLoad } from '@dcloudio/uni-app'
	const value = ref('s')
	onLoad(() =>{
		value.value='onload'
	})
</script>

<template>
	<view class="container">
		<view>
			<up-text type="primary" text="正在搜索周围蓝牙设备"></up-text>
			<image style="width: 200rpx; height: 200rpx;" src="/static/images/链接中.gif" mode=""></image>
		</view>
		Blooth Device List：{{value}}
	</view>
</template>

<style>
.container{
	border: 1rpx red solid;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translateZ(0);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
</style>
